<template>
    <div>
        {{ ming }}
        <input type="text" @input="emit('update:ming', (<HTMLInputElement>$event.target).value)">
        {{ password }}
        <input type="text" @input="emit('update:password', (<HTMLInputElement>$event.target).value)">
        <!--  对于原生事件，$event就是事件对象=====>能.target-->

    </div>
    <!-- 
     $event到底是啥?啥时候能.target
     对于原生事件，$event就是事件对象=====>能.target
     对于自定义事件，$event就是触发事件时，所传递的数据==>不能.target
     -->
</template>

<script lang="ts" setup>
defineProps(['ming', 'password'])
const emit = defineEmits(['update:ming', 'update:password'])

</script>
<style scoped>
input {
    border: 2px solid black;
    background-image: linear-gradient(45deg, red, yellow, green);
    height: 30px;
    font-size: 20px;
    color: wheat;
}
</style>